div.homeScroller{
  position: relative;
  width:100%;
  overflow:hidden;
  zoom:1;
  height:400px;
  margin:0px auto;
  padding:0px auto;
  _.margin-top:20px;
  clear: both;
  display: block;
}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/			
position:relative; left:50%; margin-left:-720px; width:1440px; 
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
    width:100%;
  	height:400px;
		overflow:hidden;
		float:left;
		}
	div.scroller div.content {
		width: 100%;
		}

div.homeScroller  div.controls{
    position: absolute;
    bottom: 40px;
    left: 400px;
    /*width: 58px;*/
    height: 12px;
    padding:3px 3px 3px 1px;
    
  }

div.controls a{
  background: #FFFFFF;
  width: 12px;
  height: 12px;
  display: inline;
  float: left;
  margin-left: 2px; 
}

div.controls a.active{
  background:#FF0000;
}